/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

// 1.2 收集手机号和验证码数据
document.querySelector('.btn').addEventListener('click',()=>{
  const form = document.querySelector('.login-form');
  const loginFormData = serialize(form,{hash:true,empty:true});
  console.log(loginFormData);

  if(loginFormData.mobile.length !== 11){
    myAlert(false,'手机号长度必须11位');
    return;
  }
  if(loginFormData.code.length !== 6){
    myAlert(false,'验证码长度必须6位');
    return;
  }
  

  // 1.3 基于 axios 调用验证码登录接口
  // axios完整地址：request.js的基地址 + axios函数配置对象中的 url
  axios({
    url: '/v1_0/authorizations',
    method: 'post',
    data: loginFormData
  }).then(res=>{
    console.log(res);
    // 展示弹框
    myAlert(true,'登录成功');

    // auth.js ==> 1.2 登录成功后，保存 token 令牌字符串到本地，并跳转到内容列表页面
    localStorage.setItem('token',res.data.token);
    setTimeout(()=>{
      location.href = '../content/index.html';
    },1500);
  }).catch(err=>{
    console.dir(err);
    myAlert(false,err.response.data.message);
  });
});